/**
 * 创建真正的节点，将vnode创建为Dom
 * @param {Vnode} vnode 虚拟节点,要被创建的虚拟节点
 **/
export default function CreateElement(vnode) {
    /* 创建一个Dom节点，现在这个节点哈市孤儿节点 */
    let domNode = document.createElement(vnode.sel);

    /* 判断vnode是文本节点还是子节点 */
    if (vnode.text != '' && (vnode.children == undefined || vnode.children.length == 0)) {    /* 文本节点 */
        /* 给domNode节点设置文本 */
        domNode.innerText = vnode.text;

    } else if (Array.isArray(vnode.children) && vnode.children.length > 0) {
        /* vnode内部是子节点，就要循环递归创建节点 */
        for (let index = 0; index < vnode.children.length; index++) {
            const element = vnode.children[index];
            /* 循环创建孤儿节点 */
            var chiDom = CreateElement(element)
            /* 上树 */
            domNode.appendChild(chiDom)
        }
    }
    /* 填充elm属性 */
    vnode.elm = domNode

    /* 返回elm，elm就是一个纯DOM对象 */
    return vnode.elm
}